@media (max-width:1200px){
    .right-side{
        margin-left: 0;
        padding-left: 30px;
    }
    .header-sec{
        margin-bottom: 15px;
    }
    .bg-wall{
        display: none;
    }
    .main-menu{
        display: none;
    }
    .right-side .search-cont{
        width: 80%;
    }
    .ywtb-card .icon-list li a i{
        margin: 0 10px;
    }
    .ywtb-card li .btn-list li a{
        font-size: 14px;
    }
    .ywtb-card li .btn-list li{
        width: 48%;
        margin: 0 1% 15px;
    }
    .ywtb-card li.ywtb-item1 .btn-list li a{
        padding: 10px 5px;
    }
    .piao img{
        width: 60px;
    }
    .share,.share1{
        right: 10px;
    }
    .wy-btn .btn-list a i{
        margin-right: 5px;
    }
    .left-side .icon-lr li a i{
        margin: 0 2px 0 5px;
    }
}

@media (max-width:1200px) and (min-width:991px) {
    .header .top-link{
        margin-top: 5px;
    }
    .header-cont-2 .search-header{
        width: 400px;
        margin:0 20px
    }
}
@media (max-width:991px) {
    .header .top-link{
        display: none!important;
    }
    .gk-list .col-20{
        width: 33.33%!important;
        margin-bottom: 20px;
    }
    .gk-list{
        flex-wrap: wrap;
    }
    .gk-list .col-20 a{
        background-size: 100% auto;
    }

    .list-color li{
        width: 46%;
        float: left;
        margin-left:2%;
    }
    .list-color li p{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
    }
    .index-container{
        width: 100%;
        padding: 15px;
    }
    .left-side, .right-side{
        padding-top: 10px;
    }
    .right-side{
        margin-left: 0;
        padding-left: 0;
        border-left:0;
    }
    .right-side .header-ico{
        display: none;
    }
    .ywtb-list .ywtb-list-item img{
        width: 100%;
        height: 100%;
    }
    .btn-bs .col-20{
        width: 33.333%!important;
        margin-bottom: 20px;
    }
    .hot-link li{
        width: 25%!important;
        margin-bottom: 20px;
    }
    .btn-bs{
        flex-wrap: wrap;
    }
    .right-side{
        padding-bottom: 0;
    }
    .right-side-2{
        margin-top: 20px;
    }
    .header-cont-2 .slogen{
        display: none;
    }
    .header-cont-2 .search-header{
        width: auto;
    }
   .navbar-header-2{
        display: none;
    }
   .share,.share1{
       display: none;
   }
    .header .slogen{
        display: none;
    }
    .xxgk-list{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .xxgk-list li{
        width: 33.3333%;
        margin-bottom: 10px;
    }
    .left-side .item{
        max-height: inherit;
        overflow: inherit;
    }
    .left-side .btn-list li{
        text-align: center;
    }
    .panel15{
        height: auto;
    }
    .panel15 .item img{
        height: auto;
    }
    .left-side .owl-carousel .owl-item img{
        height: 700px;
    }

}
@media (max-width:767px) {
    .mobile-login{
        display: block;
        padding:  20px 0;
    }
    .ywtb{
        height: auto;
    }
    .ywtb-title{
        margin-bottom: 25px;
    }
    .ywtb-card>li,
    .ywtb-card>li.active{
        float: none;
        width: auto;
        height: auto;
        overflow: initial;
        margin: 0 0 10px 0;
        border-color: #337ab7;
    }
    .ywtb-card li .card-title i{
        position: absolute;
        left: 50%;
        margin-left: -50px;
        font-size: 24px;
    }
    .ywtb-card li .card-title p{
        text-indent: 0px;
    }
    .ywtb-card>li .card-title,
    .ywtb-card>li.active .card-title{
        font-size: 18px;
        background: #005a99 url(../img/ywtb-bg.png) -30px center no-repeat;
        color: #fff;
    }
    .ywtb-card li.ywtb-item1 .icon-list,
    .ywtb-card li.ywtb-item2 .icon-list{
        margin: 8px 15px;
        overflow: hidden;
    }
    .ywtb-card li.ywtb-item1 .icon-list li,
    .ywtb-card li.ywtb-item2 .icon-list li {
        float: left;
        width: 25%;
        text-align: center;
        border: 0;
    }
    .ywtb-card li.ywtb-item1 .icon-list li i,
    .ywtb-card li.ywtb-item2 .icon-list li i {
        position: relative;
        float: none;
        margin: 0 auto 5px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        text-align: center;
        display: block;
        border: 1px solid #c50001;
        color: #c50001;
        overflow: hidden;
        transition: .6s;
    }
    .ywtb-card li .btn-list,
    .ywtb-card li.active .btn-list {
        position: initial;
        margin: 0 10px 0;
    }
    .ywtb-card li.ywtb-item3 .icon-list {
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
    }
    .ywtb-card li.ywtb-item3 .icon-list li,
    .ywtb-card li.ywtb-item3.active .icon-list li {
        width: 46%;
        margin: 5px 2%;
        float: left;
        border: 0;
    }
    .ywtb-card li.ywtb-item3 .icon-list li a,
    .ywtb-card li.ywtb-item3.active .icon-list li a{
        padding: 10px 0;
        text-align: center;
        border-radius: 3px;
        font-size: 16px;
        font-weight: bold;
    }
    .ywtb-card li.ywtb-item3 li.btn-red a {
        background-color: #f8e0da;
        color: #bb1619;
    }
    .ywtb-card li.ywtb-item3 li.btn-green a {
        background-color: #edf6e6;
        color: #7cb434;
    }
    .ywtb-card li.ywtb-item3 li.btn-blue a {
        background-color: #ddecf5;
        color: #51aec8;
    }
    .ywtb-card li.ywtb-item3 li.btn-orange a {
        background-color: #f9efe7;
        color: #f87b3f;
    }
    .ywtb-card li.ywtb-item3 .icon-list li a i {
        margin-bottom: 5px;
        display: block;
        float: none;
        font-size: 44px;
        font-weight: normal;
    }
    .ywtb-card li.ywtb-item3 .icon-list li a i,
    .ywtb-card li.ywtb-item3.active .icon-list li a i {
        margin-bottom: 5px;
        display: block;
        float: none;
        font-size: 24px;
        font-weight: normal;
    }
    .wy-btn{
        width: auto;
        float: none;
        overflow: hidden;
    }
    .wy-btn li{
        float: left;
        width: 33.333%;
    }
    .cx-link{
        margin-top: 20px;
        clear: both;
        width: auto;
        float: none;
    }

    #mobile-navigation{
        background: #4e4b4b;
    }
    .ma-infinitypush-wrapper .ma-infinitypush>ul>li>a{
        background: #4e4b4b;
    }
    .panel {
        padding: 0 10px;
    }
    .uli14 li {
        padding: 12px 0 12px 15px;
        background: url(../img/dot-circle.png) 0 center no-repeat;
    }
    .uli14 li:hover {
        background: url(../img/dot-circle-hover.png) 0 center no-repeat;
    }
    [class*="header-2-"] h2 {
        margin: 0 10px;
    }
    .hot-link li{
        width: 50%!important;
    }
    .btnicon-round{
        position: relative;
    }
    .btnicon-round li{
        position: initial;
    }
    .btnicon-round li .hover-show{
        width: 100%;
        margin: 0;
        top: 100px;
        left: 0;
    }
    /*.btnicon-round li .hover-show:before,
    .btnicon-round li .hover-show:after{
        display: none;
    }*/
    .right-side .search-cont{
        width: auto;
    }
    .right-side{
        padding-top: 0; 
        border-top: 0;
    }
    .right-side .search-cont{
        margin-top: 15px;
    }
    .title0831{
        padding-left: 15px;
    }
    .right-text p{
        margin-bottom: 10px;
    }
    .left-side .owl-carousel .owl-item img{
        height: 400px;
    }
    .footer-jb{
        margin: 0 10px
    }
    .footer-jb.hidden-xs{
        display: block;
    }
    .footer-zc{
        margin-bottom: 10px;
        position: absolute;
        bottom: 10px;
        left: 10px;
    }
    .footer-zc img{
        height: 50px;
        margin-top: 10px;
    }
    .footer-jb:last-child{
        padding-top: 10px;
    }
    .footer-info{
        text-align: left;
    }
    .footer-jb:last-child{
        margin-left: 120px;
    }
    .footer .footer-info p{
        text-align: left;
        line-height: 24px;
    }

    .footer-jb p{
        border-bottom: 1px dashed #827b7c;
        padding-bottom: 10px;
        padding-top: 6px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .footer-info div img{
        margin-left: 0;
    }
    .footer .footer-links{
        background: #716869;
        padding: 10px;
        margin-bottom: 4px;
        border-bottom: 0;
    }
}


@media (max-width:480px) {
    .wy-btn li{
        width: 50%;
    }

    .header-cont-2 img{
        width: 80%;
    }
    .right-side h2{
        font-size: 24px;
    }
    .ywtb-list{
        margin-top: 20px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .ywtb-list>div{
        width: 100%;
    }
    .ywtb-list .ywtb-list-item{
        height: 120px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .ywtb-list .text{
        text-align: center;
        width: 75px;
        height: 75px;
        padding: 15px 10px;
        font-size: 20px;
        line-height: 22px;
        margin-left: -33px;
        margin-top: 0;        
        top: 24px;
    }
    .ywtb-list .ywtb-list-item:hover .old{
        transform: initial;
    }
    .ywtb-list .ywtb-list-item:hover .tb-hover-show{
        transform: rotateY(90deg);
    }
    .ywtb-list .ywtb-list-item img{
        height: auto;
    }
    ul.list-date li a {
        width: 100% !important;
    }
    ul.list-date li span.time {
        display: none;
    }
    .hot-link li{
        width: 100%!important;
        border-bottom: 1px dashed #eee;
    }
    .hot-link li:last-child{
        border:0;
    }

    .hot-link li a{
        padding: 8px 0;
    }
    .hot-link li a i{
        margin-right: 20px;
    }
    .gk-list .col-20>a{
        height: 130px;
    }
    .gk-list .col-20>a p{
        margin-top: 50px;
        font-size: 22px;
    }
    .gk-list .hover-show{
        top: 110px;
    }
    .left-side .owl-carousel .owl-item img{
        height: 330px;
    }
}